<%@ page language="java"  pageEncoding="UTF-8"%>
<%@ include file="/views/commons/taglibs.jsp" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
	<meta content="black" name="apple-mobile-web-app-status-bar-style"/>
	<meta content="telephone=no" name="format-detection"/>
<title>订单详情</title>
<link href="<%=path %>/css/stlye.css" rel="stylesheet" type="text/css" />
<style>
	input{
	     width:80%;
		 height:3rem;
		 font-size:1.5rem;
		 line-height:3rem;
		 text-align:center;
		 margin:0 auto;
		 background-color:#fff;
	     border-radius:15px;
		 border:none;
	 }
</style>
<script src="<%=path%>/js/jquery-1.11.0.min.js"></script>
<script src="<%=path%>/js/plugins/layer/layer.js"></script>
<script type="text/javascript">
	(function() {
		var el = document.createElement("STYLE");
		var docEl = document.documentElement;
		var portrait = ((Math.min(docEl.clientWidth, docEl.clientHeight) / 320) * 10);
		var landscape = ((Math.max(docEl.clientWidth, docEl.clientHeight) / 568) * 17.75);
		el.innerHTML = "@media screen and (orientation:portrait) { html { font-size: " + portrait + "px!important; } }\n@media screen and (orientation:landscape) { html { font-size: " + landscape + "px!important; } }";
		docEl.firstElementChild.appendChild(el);
	})();
	
	$(document).ready(function(){
		$("TEXTAREA,input[focucmsg]") .each (function(){
			$(this).val($(this).attr("focucmsg"));
			$(this).val($(this).attr("focucmsg")).css("color","#979393");
			$(this).focus(function(){
				if($(this).val() == $(this).attr("focucmsg"))
				{
				$(this).val('');
				$(this).val('').css("color","#6b6969");
				}
			});
			$(this).blur(function(){
				if(!$(this).val()){
				$(this).val($(this).attr("focucmsg"));
				$(this).val($(this).attr("focucmsg")).css("color","#979393");
				}
			});
		});
	});	
	
	function continuePay(chargeId){
		window.location.href="<%=path%>/check/trade/payprocess?chargeId="+chargeId;
	}		
</script>
</head>
<body style="background-color:#f2f2f2;">
<form action="javascript:void()" id="trade_create_form">

<input type="hidden" name="tradeId" value="${tradeRecordVO.tradeId}">

<div class="jg" style="background-color:#f3f3f3; height:1.5rem;;"></div>

<div class="dizhi_top">
	<div class="dizhi_top_biaot">
      <p>收货地址</p>
   </div>
   <div class="dizhi_top_xinxi">
      <div class="dizhi_top_shouhuoren">
       <p>收货人:</p>
       <em>${tradeRecordVO.contactName}</em>
      </div>
      <div class="dizhi_top_shouji">
       <p>手机号码：</p>
       <em>${tradeRecordVO.contactPhone}</em>
      </div>
      <div class="clear"></div>
         <div class="dizhi_top_dizhi">
       <p>收货地址：</p>
       <em>${tradeRecordVO.deliveryProvince}${tradeRecordVO.deliveryCity}${tradeRecordVO.deliveryRegion}${tradeRecordVO.deliveryAddress}</em>
      </div>      
   </div>
</div>

<div class="queren_inherit">
	<dl>
		<dt>
			<img src="<%=path %>/uncheck/pictures/servlet?id=${goodsVO.goodsSmallImg}"  width="100%" height=""/>
		</dt>
		<dd >
			${goodsVO.goodsDetail}
		</dd>
		<h1>商品${propertiesName}:${tradeRecordVO.selectProperty}</h1>
		<dd>
		<h3>原价：￥${goodsVO.goodsPrice}</h3>
		<h4>现价：0元</h4>
		<h5>已领取${goodsVO.buyNum}人次</h5>
		</dd>
	</dl>
</div>

<div class="queren_peisong" style="height:15.4rem;">
   <div class="queren_peisong_top">
     <p>订单号</p>
     <em>${tradeRecordVO.tradeNo}</em>
   </div>
   <div class="queren_peisong_top">
     <p>订单状态</p>
     <em>${tradeRecordVO.tradeStateName}</em>
   </div>
   
   <div class="queren_peisong_top">
     <p>留言</p>
     <em>${tradeRecordVO.tradeRemark}</em>
   </div>
   <div class="queren_peisong_inherit">
   	 <p>手工运费</p>
     <em>${tradeRecordVO.tradeAmount}</em>
     <span>￥</span>
   </div>
   <div class="queren_peisong_top">
   	 <p>下单时间</p>
     <em><fmt:formatDate value="${tradeRecordVO.tradeTime}" pattern="yyyy-MM-dd HH:mm"/> </em>
   </div>
   
   <c:if test="${tradeRecordVO.tradeState==5 || tradeRecordVO.tradeState==6}">
	   <div class="queren_peisong_top">
	     <p>物流公司</p>
	     <em>${tradeRecordVO.deliveryCompany}</em>
	   </div>
	   <div class="queren_peisong_top">
	     <p>物流单号</p>
	     <em>${tradeRecordVO.deliveryNo}</em>
	   </div>
   </c:if>
   
  <div class="clear"></div>
</div>
 
<c:if test="${tradeRecordVO.tradeState==1}">
<div class="querenbuttom" onclick="javascript:continuePay('${chargeRecordVO.chargeId}')">继续支付</div>
</c:if>
<jsp:include page="/views/html5/commons/footer.jsp"></jsp:include>
</body>
</html>